import axios from 'axios'
import { useUserStore } from '../stores/user'
import { ElMessage } from 'element-plus'
import router from '../router'

// 创建axios实例
const api = axios.create({
    baseURL: 'http://localhost:5032/api',
    timeout: 10000,
    headers: {
        'Content-Type': 'application/json'
    }
})

// 请求拦截器 - 自动添加token到请求头
api.interceptors.request.use(
    (config) => {
        const userStore = useUserStore()
        if (userStore.token) {
            config.headers.Authorization = `Bearer ${userStore.token}`
        }

        // 对于FormData请求，删除默认的Content-Type，让浏览器自动设置
        if (config.data instanceof FormData) {
            delete config.headers['Content-Type']
        }

        return config
    },
    (error) => {
        return Promise.reject(error)
    }
)

// 响应拦截器 - 处理token过期等情况
api.interceptors.response.use(
    (response) => {
        return response
    },
    (error) => {
        if (error.response) {
            const { status, data } = error.response

            // 401 未授权，token过期或无效
            if (status === 401) {
                const userStore = useUserStore()
                userStore.logout()
                ElMessage.error('登录已过期，请重新登录')
                router.push('/auth')
                return Promise.reject(error)
            }

            // 403 禁止访问，权限不足
            if (status === 403) {
                ElMessage.error('权限不足，无法访问该资源')
                return Promise.reject(error)
            }

            // 其他错误
            ElMessage.error(data?.msg || '请求失败')
        } else {
            ElMessage.error('网络错误，请检查网络连接')
        }
        return Promise.reject(error)
    }
)

export default api 